import './Faq.css';
import { Image } from 'react-bootstrap';

function Faq() {
  return (
    <div className='faq' id="faq">
      <div className='faq-gap'>
        <Image className='faq-arrow' src="images/faq/arrow_left.png" />
        <div className='faq-content'>
          <div className='faq-title'>FAQ</div>
          <Image className='icon-top-0' src="images/faq/icon_top_0.png" />
          <Image className='icon-top-1' src="images/faq/icon_top_1.png" />
          <div className='faq-content-item'>
            <div className='faq-content-item-q'>
              <Image className='faq-icon' src="images/faq/icon_0.png" />
              <div>1.How many ETH does it cost to mint one NFT?</div>
            </div>
            <div className='faq-content-item-a'>One NFT=0.1EHT+gas fee</div>
          </div>

          <div className='faq-content-item'>
            <div className='faq-content-item-q'>
              <Image className='faq-icon' src="images/faq/icon_1.png" />
              <div>2.What will you get?</div>
            </div>
            <div className='faq-content-item-a'>One rare NFT（total 100）+ a chance to win 8.5 ETH（1 out of 100）</div>
          </div>

          <div className='faq-content-item'>
            <div className='faq-content-item-q'>
              <Image className='faq-icon' src="images/faq/icon_2.png" />
              <div>3.How to select the winner?</div>
            </div>
            <div className='faq-content-item-a'>Selection will be performed randomly with the publicly traceable algorithm</div>
          </div>

          <div className='faq-content-item'>
            <div className='faq-content-item-q'>
              <Image className='faq-icon' src="images/faq/icon_3.png" />
              <div>4. What if mint doesn't reach 100 NFTs in time？</div>
            </div>
            <div className='faq-content-item-a'>Then everyone will only get NFT, and no reward will be drawn.</div>
          </div>

          <div className='faq-content-item'>
            <div className='faq-content-item-q'>
              <Image className='faq-icon' src="images/faq/icon_4.png" />
              <div>5. How to pay the 8.5ETH reward？</div>
            </div>
            <div className='faq-content-item-a'>We will buy back NFT at the price of 8.5ETH on opensea to give out the reward.</div>
          </div>

          <div className='faq-content-item'>
            <div className='faq-content-item-q'>
              <Image className='faq-icon' src="images/faq/icon_5.png" />
              <div>6.Which Blockchain will Mission Z NFT be deployed on??</div>
            </div>
            <div className='faq-content-item-a'>MZ NFT will be deployed on Ethereum Mainnet (ETH).</div>
          </div>
        </div>
        <Image className='faq-arrow' src="images/faq/arrow_right.png" />
      </div>
    </div >
  );
}

export default Faq;
